<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 函数的声明方式
        //    赋值式函数  --- 更推荐使用赋值式函数
        //    具名函数  --- 预编译


        // 箭头函数
        //    把function变成了箭头
        //    简写
        //       参数只有一个的时候   省略小括号
        //       当函数体只有一句代码的时候，可以省略大括号及return
        //           注意：当省略了大括号的时候，必须省略return


        // 箭头函数最主要的作用并不是语法的改变，重点在于this指向


        // 只有匿名函数可以改写成箭头函数

        // const fn = function() {
        //     console.log(2);
        // }


        const fn = () => {
            console.log(2);
        }

        // 形参只有一个的时候，省略小括号
        const fn2 = a => {
            console.log(a);
        }


        // const fn3 = () => {
        //     return 4
        // }
        
        // 当函数体只有一句代码的时候，可以省略大括号及return
        //    注意：当省略了大括号的时候，必须省略return
        const fn3 = () => 4 ;



        // setInterval(function() {},1000)
        setInterval(() => {} , 1000)




        // arr.map(function(v , i) {

        // })



        // arr.map((v , i) => {

        // })


        

    </script>
    
</body>
</html>